<template>
	<el-card class="box-card" @click.shop="">
	  <div slot="header" class="clearfix">
	    <span>附件名称</span>
	    <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
	  </div>
	  <div v-for="(o,index) in uploadForm" class="text item">
		  <span class="upload_name">{{o.fileName}}</span>
		  <i class="el-icon-delete" @click="delClick(index)"></i>
	  </div>
	</el-card>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		props:['uploadForm'],
		methods:{
			delClick(data){
				this.$emit('uploadListDel',data)
			}
		}
	}
</script>

<style scoped>
	.text {
	    font-size: 14px;
	  }
	
	  .item {
	    margin-bottom: 18px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	  }
	
	  .clearfix:before,
	  .clearfix:after {
	    display: table;
	    content: "";
	  }
	  .clearfix:after {
	    clear: both
	  }
	
	  .box-card {
	    width: 300px;
		position: fixed;
		right: 0;
		bottom: 0;
	  }
	  
	  .upload_name{
		  width: 200px;
		  display: block;
		  text-overflow: ellipsis;
		  overflow: hidden;
	  }
</style>
